.box {
	background-color: #F8F8F8;
	width: 750upx;
	min-height: calc(100vh - 44px);
	padding-bottom: 46upx;
	.header {
		background: url(@/static/img/headFeature/member/memberBj@2x.png) no-repeat;
		background-size: 100% 100%;
		width: 750upx;
		padding-bottom: 86upx;
		.headPortrait {
			width: 98upx;
			margin: 0 auto;
			image {
				width: 98upx;
				height: 98upx;
				margin: 57upx 0 32upx;
				border-radius: 12upx;
			}
		}
		.name {
			color: #FFFFFF;
			font-size: 36upx;
			text-align: center;
		}
		.together {
			margin: 30upx 0 0 172upx;
			width: 578upx;
			.togetherItem {
				display: flex;
				color: #F8F8F8;
				font-size: 28upx;
				.expertNameOne {
					width: 86upx;
				}
				.expertName {
					width: 86upx;
					text-align: justify;
					text-align-last: justify;
				}
				view:last-child {
					flex: 1;
				}
				.nameOfExpert {
					flex: 1;
					.placeholder {
						width: 100%;
					}
				}
			}
		}
	}
	
	.monitoring {
		margin: -90upx 0 0;
		.quicklyCreate {
			margin: 26upx 24upx 0;
			width: 702upx;
			padding: 36upx 0 20upx;
			background-color: #FFFFFF;
			box-shadow: 0 8upx 18upx 0 rgba(224, 224, 224, 0.4);
			border-radius: 12upx;
			.navigation {
				padding:0 16upx 0;
				image {
					width: 8upx;
					height: 24upx;
					margin-right: 15upx;
				}
				text {
					color: #000000;
					font-size: 34upx;
				}
			}
			.itemBox {
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				.item {
					width: 25%;
					text-align: center;
					margin-top: 40upx;
					height: 158upx;
					image {
						width: 50upx;
						height: 50upx;
					}
					text {
						display: block;
						margin-top: 15upx;
						color: #333333;
						font-size: 28upx;
					}
				}
			}
		}
	}
}